<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            /*background: url("http://news.baidu.com/resource/img/logo_news_276_88.png?date=20150104") no-repeat;*/
            /*background: url("images/img_02.jpg") no-repeat;*/
        }

        div{
            /*background-color: red;*/
            /*background: blue;*/
            /*加图片，默认是平铺的，no-repeat 不平铺*/
            /*background: url("http://news.baidu.com/resource/img/logo_news_276_88.png?date=20150104");*/
            /*background: url("images/img_02.jpg");*/
            /*background-size: 500px;*/
            /*把图片背景拉伸到足够大*/
            /*background-size: cover;*/
            /*width: 90%;*/
            /*height: 400px;*/

            /*隐藏标签*/
            /*visibility: hidden; 只隐藏内容*/
            /*display: none; 即隐藏内容又隐藏尺寸*/

            /*设置光标的类型*/
            /*手指*/
            /*cursor: pointer;*/
            /*十字架*/
            /*cursor: crosshair;*/
            /*移动*/
            /*cursor: move;*/
        }

        span{
            background-color: green;
        }

        p{
            /*设置字体是否加粗 bolder*/
            /*font-weight: bolder;*/
            /*text-decoration: underline;*/
            text-decoration: overline;
            background-color: yellowgreen;
            width: 500px;

            /*首行缩紧*/
            /*text-indent: 20px;*/
            text-indent: 10%;
        }

        a{
            /*去掉下划线*/
            /*text-decoration: none;*/
        }

        ul{
            /*list-style:decimal-leading-zero;*/
            list-style: none;
        }

        div.test1{
            background-color: red;
            width: 200px;
            height: 50px;

            /*处理超出的内容的显示*/
            /*overflow: hidden;*/
            /*overflow: scroll;*/
            overflow: auto;
        }
    </style>
</head>
<body>
    <div>2121212</div>
    <span>1111111</span>
    <p>我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落</p>
    <a href="#">超链接</a>

    <ul>
        <li>我是列表</li>
        <li>我是列表</li>
        <li>我是列表</li>
        <li>我是列表</li>
        <li>我是列表</li>
    </ul>

    <div class="test1">我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT我是MT</div>
</body>
</html>